<html>

<head>
    <meta charset="utf-8">
    <meta name="author" content="dongfeng">
    <title>我的书屋</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">

</head>

<body>
    <header>
        <nav>
            <ul class="leftNav">
                <li class="active">
                    <a href="index.html">首页</a>

                </li>
                <li>
                    <a href="classify.html">分类</a>

                </li>
                <li>
                    <a href="bangdan.html">榜单</a>

                </li>
                <li>
                    <a href="dujia.html">独家作品</a>

                </li>
                <li>
                    <a href="jigou.html">机构专区</a>

                </li>
                <li>
                    <a href="pc.html">客户端</a>

                </li>
            </ul>
            <ul>
                <li class="shujia">
                    <i class="fa fa-book"></i>
                    <a href="">我的书架</a>

                </li>
            </ul>
        </nav>
    </header>
    <section class="lunbo">
        <ul class="left">
            <li class="js-odoo">

            </li>
            <li>
                <a href=""><i class="fa fa-check"></i>立即领取</a>
            </li>
        </ul>
        <div class="right">
            <div class="demo">
                <a class="control prev"></a>
                <a class="control next abs"></a>
                <!--自定义按钮，移动端可不写-->
                <div class="slider">
                    <!--主体结构，请用此类名调用插件，此类名可自定义-->
                    <ul>
                        <li>
                            <a href=""><img src="img/lunbo1.jpg" alt="中国历史隆重上线"></a>
                        </li>
                        <li>
                            <a href=""><img src="img/lunbo2.jpg" alt="如何培养自己的逻辑性"></a>
                        </li>
                        <li>
                            <a href=""><img src="img/lunbo3.jpg" alt="新书7折，仅限3天"></a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section class="fenlei">
        <ul class="show">
            <li class="first">
                分类
            </li>
            <li>
                <a href="">成功学</a>
            </li>
            <li>
                <a href="">投资理财</a>
            </li>
            <li>
                <a href="">人际处事</a>
            </li>
            <li>
                <a href="">计算机</a>
            </li>
            <li>
                <a href="">人物传记</a>
            </li>
            <li>
                <a href="">言情小说</a>
            </li>
            <li>
                <a href="">散文随笔</a>
            </li>
            <li>
                <a href="">悬疑推理</a>
            </li>
            <li>
                <a href="">市场营销</a>
            </li>
            <li class="last">更多 <i class="fa fa-angle-up"></i></li>
        </ul>
        <ul class="hide">
            <li><a href="">健康养生</a></li>
            <li><a href="">演讲口才</a></li>
            <li><a href="">现当代小说</a></li>
            <li><a href="">宗教哲学</a></li>
            <li><a href="">企业管理</a></li>
            <li><a href="">心理学</a></li>
            <li><a href="">教育考试</a></li>
            <li><a href="">历史小说</a></li>
            <li><a href="">两性情感</a></li>
        </ul>
    </section>
    <section class="image">
        <ul class="middle">
            <li><img src="img/image1.jpg" alt=""></li>
            <li><img src="img/image2.jpg" alt=""></li>
            <li><img src="img/image3.jpg" alt=""></li>
        </ul>
        <section class="content">
            <div class="animation">
                <div class="nav">
                    <h1>热门推荐</h1>
                    <span>更多 <i class="fa fa-angle-right"></i></span>
                </div>
                <div id="wrap">
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/1.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">腾讯传1998-2016:</p>
                                <p class="p2">中国互联网公司进....</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">腾讯传1998-</p>
                                <p class="p5">2016:中国互联....<br>吴晓波</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥16.69</p>
                    </ul>

                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/2.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">三生三世十里桃花</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">三生三世十里桃花</p>
                                <p class="p5">唐七<br></p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥6.93</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">变革中的思索:张亚勤</p>
                                <p class="p2">解码创新</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">变革中的思索:张</p>
                                <p class="p5">亚勤解码创...<br>张亚勤</p>
                                <p class="p6"><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥6.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/4.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">成龙：还没长大就老了</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">成龙：还没长大就</p>
                                <p class="p5">老了<br>成龙；朱墨</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥9.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/5.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">小谎言</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">小谎言</p>
                                <p class="p5">莉安.莫利亚提<br></p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥9.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/6.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">未来简史：从智人到智</p>
                                <p class="p2">神</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">未来简史：从智人</p>
                                <p class="p5">到智神<br>[以色列]尤瓦尔</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥40.80</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/7.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">悲歌</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">悲歌</p>
                                <p class="p5"><br>七微</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥2.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/8.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">刺客信条：杀死你</p>
                                <p class="p2">是我存在(怪..</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">刺客信条：杀死你</p>
                                <p class="p5">是我存在的<br>往来社</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥2.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/9.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">狼的恩赐</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">狼的恩赐</p>
                                <p class="p5"><br>安妮.赖斯</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥12.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/10.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">忽而半夏</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">忽而半夏</p>
                                <p class="p5"><br>奈奈</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥3.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/11.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">领导力21法则：如</p>
                                <p class="p2">何培养领袖</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">领导力21法则：</p>
                                <p class="p5">如何培养..<br>约翰.C.曼克斯</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥13.30</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/12.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">控虫师</p>
                                <p class="p2">彭柳荣</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">控虫师</p>
                                <p class="p5"><br>彭柳荣</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥8.99</p>
                    </ul>

                </div>
                <span class="line"></span>
            </div>

            <!--新书上线-->
            <div class="animation">
                <div class="nav">
                    <h1>新书上线</h1>
                    <span>更多 <i class="fa fa-angle-right"></i></span>
                </div>
                <div id="wrap">
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/2-1.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">南京大屠杀全纪实</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">南京大屠杀全纪实</p>
                                <p class="p5"><br>何建明</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥6.99</p>
                    </ul>

                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/2-2.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">骆驼祥子</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">骆驼祥子</p>
                                <p class="p5"><br>老舍</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥2.79</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/2-3.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">骆驼祥子狗之晨(老</p>
                                <p class="p2">舍作品集)</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">骆驼祥子狗之晨</p>
                                <p class="p5">老舍作品集..<br>老舍</p>
                                <p class="p6"><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥7.98</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/2-4.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">活着</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">活着</p>
                                <p class="p5"><br>余华</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥7.69</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/2-5.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">神秘岛</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">神秘岛</p>
                                <p class="p5">[法]儒勒.凡尔...<br></p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥8.40</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/2-6.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">四世同堂：第二部</p>
                                <p class="p2">偷生老舍作品集02...</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">四世同堂：第二部</p>
                                <p class="p5">偷生<br>老舍</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥12.17</p>
                    </ul>
                    <!---->
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/2-7.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">刀锋</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">刀锋</p>
                                <p class="p5"><br>威廉.萨摩赛特</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥8.36</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/2-8.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">一本读懂创投税</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">一本读懂创投税</p>
                                <p class="p5"><br>汪蔚清</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥9.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/2-9.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">文明寻思录(第一辑)</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">文明寻思录(第一</p>
                                <p class="p5">辑)<br>秦硕</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥9.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/2-10.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">文艺女青年这种病</p>
                                <p class="p2">生个孩子就好了</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">文艺女青年这种</p>
                                <p class="p5">病，生个孩子就..<br>苏美</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥3.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/2-11.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">犹带昭阳</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">犹带昭阳</p>
                                <p class="p5"><br>木浮生</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥7.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/2-12.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">许三关卖血记</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">许三关卖血记</p>
                                <p class="p5"><br>余华</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥7.69</p>
                    </ul>

                </div>
                <span class="line"></span>
            </div>
            <div class="animation">
                <div class="nav">
                    <h1>低价精选</h1>
                    <span>更多 <i class="fa fa-angle-right"></i></span>
                </div>
                <div id="wrap">
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-1.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">花弦恋之歌</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">花弦恋之歌</p>
                                <p class="p5"><br>凉桃</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥1.99</p>
                    </ul>

                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-2.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">千金归来</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">千金归来</p>
                                <p class="p5"><br>茶茶</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥1.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-3.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">当冬夜渐暖</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">当冬夜渐暖</p>
                                <p class="p5"><br>鹿鹿安</p>
                                <p class="p6"><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥0.90</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-4.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">七夜歌</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">七夜歌</p>
                                <p class="p5"><br>唐家小主</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥0.90</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-5.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">英语美文口袋书:自</p>
                                <p class="p2">然篇</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">英语美文口袋书</p>
                                <p class="p5">自然篇<br>卢振；金炫</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥5.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-6.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">英语美文口袋书：情感</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">英语美文口袋书</p>
                                <p class="p5"><br>吕颖，倪楠</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥5.99</p>
                    </ul>
                    <!---->
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-7.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">分手信</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">分手信</p>
                                <p class="p5"><br>[美]尼古拉斯</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥5.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-8.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">雨季不言殇</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">雨季不言殇</p>
                                <p class="p5"><br>叶冰轮</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥1.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-9.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">辨虚实：中医养生智慧</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">辨虚实：中医养生</p>
                                <p class="p5">智慧<br>陈颖君</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥1.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-10.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">交人先交心</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">交人先交心</p>
                                <p class="p5"><br>滕争辉</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥1.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-11.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">偷偷爱上你</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">偷偷爱上你</p>
                                <p class="p5"><br>喵哆哆</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥1.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-12.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">偏偏喜欢你</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">偏偏喜欢你</p>
                                <p class="p5"><br>喵哆哆</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥1.99</p>
                    </ul>

                </div>
                <span class="line"></span>
            </div>


            <div class="animation">
                <div class="nav">
                    <h1>经典推荐</h1>
                    <span>更多 <i class="fa fa-angle-right"></i></span>
                </div>
                <div id="wrap">
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/4-1.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">簪中录(全四册)</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">簪中录(全四册)</p>
                                <p class="p5"><br>侧侧轻微寒</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥20.99</p>
                    </ul>

                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/4-2.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">我和我有病的朋友</p>
                                <p class="p2">们(套装共5册)</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">我和我有病的朋友</p>
                                <p class="p5">套装共5册<br>伦伯特</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥35.00</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/4-3.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">丝绸之路:一部全新</p>
                                <p class="p2">世界史</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">丝绸之路:一部全</p>
                                <p class="p5">新的世界史<br>彼得</p>
                                <p class="p6"><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥19.98</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/4-4.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">你在为谁读书(全六册</p>
                                <p class="p2">)</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">你在为谁读书(全</p>
                                <p class="p5">六册)<br>余弦</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥9.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/4-5.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">凤舞未央：吕雉传</p>
                                <p class="p2">(全四册)</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">凤舞未央：吕雉传</p>
                                <p class="p5">全四册<br>大爱无痕</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥32.00</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/4-6.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">来自秋天的告别书</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">来自秋天的告别书</p>
                                <p class="p5"><br>小妮子楠</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥4.96</p>
                    </ul>

                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-1.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">花弦恋之歌</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">花弦恋之歌</p>
                                <p class="p5"><br>凉桃</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥5.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-2.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">千金归来</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">千金归来</p>
                                <p class="p5"><br>茶茶</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥1.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-3.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">当冬夜渐暖</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">当冬夜渐暖</p>
                                <p class="p5"><br>鹿鹿安</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥0.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-4.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">七夜歌</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">七夜歌</p>
                                <p class="p5"><br>唐家小主</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥0.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-5.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">英语美文口袋书:自</p>
                                <p class="p2">然篇</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">英语美文口袋书</p>
                                <p class="p5">自然篇<br>卢振；金炫</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥5.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-6.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">英语美文口袋书：</p>
                                <p class="p2">情感篇</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">英语美文口袋书</p>
                                <p class="p5">情感篇<br>吕颖，倪楠</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥5.99</p>
                    </ul>









                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-7.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">分手信</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">分手信</p>
                                <p class="p5"><br>[美]尼古拉斯</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥5.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-8.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">雨季不言殇</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">雨季不言殇</p>
                                <p class="p5"><br>叶冰轮</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥1.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-9.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">辨虚实：中医养生智慧</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">辨虚实：中医养生</p>
                                <p class="p5">智慧<br>陈颖君</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥1.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-10.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">交人先交心</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">交人先交心</p>
                                <p class="p5"><br>滕争辉</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥1.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-11.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">偷偷爱上你</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">偷偷爱上你</p>
                                <p class="p5"><br>喵哆哆</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥1.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/3-12.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">偏偏喜欢你</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">偏偏喜欢你</p>
                                <p class="p5"><br>喵哆哆</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥1.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/4-7.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">魔鬼逻辑学：揭露</p>
                                <p class="p2">潜藏在历史与社会表...</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">魔鬼逻辑学：揭露</p>
                                <p class="p5">潜藏在历史..<br>周建武，张玉梅</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥19.50</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/4-8.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">影子银行内幕:下</p>
                                <p class="p2">一个次贷危机的源头..</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">影子银行内幕：下</p>
                                <p class="p5">一个次贷危..<br>张华侨</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥9.99</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/4-9.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">华杉讲透《论语》</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">华杉讲透《论语》</p>
                                <p class="p5"><br>华杉</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥19.98</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/4-10.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">消失的殖民星球</p>
                                <p class="p2"></p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">消失的殖民星球</p>
                                <p class="p5"><br>[美]约翰.斯卡</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥24.5</p>
                    </ul>
                    <ul>

                        <li>

                            <a href="" class="a1">
                                <img src="img/4-11.jpg" alt="">
                            </a>
                            <a class="divA">
                                <p class="p1">镜.沧月出道15周年</p>
                                <p class="p2">纪念珍藏版(套装..</p>
                            </a>

                            <a href="" class="a2">
                                <p class="p4">镜.沧月出道15周</p>
                                <p class="p5">年纪念珍藏版<br>沧月</p>
                                <p class="p6"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></p>
                                <p class="p7">去看看</p>
                            </a>

                        </li>
                        <p class="money">￥124.90</p>
                    </ul>
                </div>

            </div>
        </section>

        <!--44444444444444444444444444444-->

        <div class="banben">
            <h1>出版社</h1>
            <div class="Tabimage">
                <table class="tab">
                    <tr>
                        <td class="active"><img src="img/shanghaiTab.jpg" alt=""></td>
                        <td><img src="img/zhongxinTab.jpg" alt=""></td>
                        <td><img src="img/huazhangTab.jpg" alt=""></td>
                    </tr>
                    <tr>
                        <td><img src="img/modieTab.jpg" alt=""></td>
                        <td><img src="img/changjiangTab.jpg" alt=""></td>
                        <td><img src="img/xinxingTab.jpg" alt=""></td>
                    </tr>
                    <tr>
                        <td><img src="img/bojiTab.jpg" alt=""></td>
                        <td><img src="img/guomaiTab.jpg" alt=""></td>
                        <td><img src="img/lixiangTab.jpg" alt=""></td>
                    </tr>
                </table>
                <div class="tabContent">
                    <ul class="ul current">
                        <a href=""><i style="font-size: 28px;font-weight: bolder" class="fa fa-angle-right"></i> 上海读客</a>
                        <ul>
                            <li>
                                <img src="img/shanghai1.jpg" alt="">
                                <span>微微一笑很</span>
                                <span>倾城</span>

                            </li>
                            <li>
                                <img src="img/heyisheng.jpg" alt="">
                                <span>何以笙箫默</span>
                                <span></span>

                            </li>
                            <li>
                                <img src="img/kule.jpg" alt="">
                                <span>后来我们都</span>
                                <span>哭了</span>
                            </li>
                            <li>
                                <img src="img/shanshan.jpg" alt="">
                                <span>杉杉来吃</span>
                                <span></span>
                            </li>
                        </ul>
                    </ul>

                    <ul class="ul">
                        <a href=""><i style="font-size: 28px;font-weight: bolder" class="fa fa-angle-right"></i> 中信出版社</a>
                        <ul>
                            <li>
                                <img src="img/zhongxin1.jpg" alt="">
                                <span>从0到1：开</span>
                                <span>启商业..</span>

                            </li>
                            <li>
                                <img src="img/renlei.jpg" alt="">
                                <span>人类简史</span>
                                <span></span>

                            </li>
                            <li>
                                <img src="img/chuangye.jpg" alt="">
                                <span>创业者手册</span>
                                <span></span>
                            </li>
                            <li>
                                <img src="img/who.jpg" alt="">
                                <span>谁懂了我的</span>
                                <span>奶酪</span>
                            </li>
                        </ul>


                    </ul>
                    <ul class="ul">
                        <a href=""><i style="font-size: 28px;font-weight: bolder" class="fa fa-angle-right"></i> 华章数字媒体</a>
                        <ul>
                            <li>
                                <img src="img/gaoxiao.jpg" alt="">
                                <span>如何高效学</span>
                                <span>习</span>

                            </li>
                            <li>
                                <img src="img/dingwei.jpg" alt="">
                                <span>定位：有史</span>
                                <span>以来对..</span>

                            </li>
                            <li>
                                <img src="img/kuaiji.jpg" alt="">
                                <span>世界上最简</span>
                                <span>单的会</span>
                            </li>
                            <li>
                                <img src="img/k.jpg" alt="">
                                <span>从零开始学</span>
                                <span>K线：新..</span>
                            </li>
                        </ul>
                    </ul>
                    <ul class="ul">
                        <a href=""><i style="font-size: 28px;font-weight: bolder" class="fa fa-angle-right"></i> 北京磨铁数盟信息技术有限公司</a>
                        <ul>
                            <li>
                                <img src="img/hou1.jpg" alt="">
                                <span>后宫如懿传</span>
                                <span>大结..</span>

                            </li>
                            <li>
                                <img src="img/hou2.jpg" alt="">
                                <span>后宫.如懿传2</span>
                                <span></span>

                            </li>
                            <li>
                                <img src="img/hou3.jpg" alt="">
                                <span>后宫如懿传4</span>
                                <span></span>
                            </li>
                            <li>
                                <img src="img/hou4.jpg" alt="">
                                <span>后宫如懿传3</span>
                                <span></span>
                            </li>
                        </ul>


                    </ul>
                    <ul class="ul">
                        <a href=""><i style="font-size: 28px;font-weight: bolder" class="fa fa-angle-right"></i> 湖北长江新世纪</a>
                        <ul>
                            <li>
                                <img src="img/pan.jpg" alt="">
                                <span>我不是潘金</span>
                                <span>莲</span>

                            </li>
                            <li>
                                <img src="img/lang.jpg" alt="">
                                <span>狼图腾</span>
                                <span></span>

                            </li>
                            <li>
                                <img src="img/66.jpg" alt="">
                                <span>女不强大天理</span>
                                <span>不容</span>
                            </li>
                            <li>
                                <img src="img/bai.jpg" alt="">
                                <span>白说</span>
                                <span></span>
                            </li>
                        </ul>


                    </ul>
                    <ul class="ul">
                        <a href=""><i style="font-size: 28px;font-weight: bolder" class="fa fa-angle-right"></i> 新星出版社</a>
                        <ul>
                            <li>
                                <img src="img/wu.jpg" alt="">
                                <span>无人生还</span>
                                <span></span>

                            </li>
                            <li>
                                <img src="img/mo.jpg" alt="">
                                <span>东方快车谋</span>
                                <span>杀案</span>

                            </li>
                            <li>
                                <img src="img/mo1.jpg" alt="">
                                <span>魔兽世界战</span>
                                <span>争罪</span>
                            </li>
                            <li>
                                <img src="img/mo2.jpg" alt="">
                                <span>魔兽世界萨</span>
                                <span>尔</span>
                            </li>
                        </ul>


                    </ul>
                    <ul class="ul">
                        <a href=""><i style="font-size: 28px;font-weight: bolder" class="fa fa-angle-right"></i> 中南博集天卷</a>
                        <ul>
                            <li>
                                <img src="img/zui.jpg" alt="">
                                <span>最好的我们</span>
                                <span>(全二...</span>

                            </li>
                            <li>
                                <img src="img/zugou.jpg" alt="">
                                <span>当我足够好</span>
                                <span>，才会..</span>

                            </li>
                            <li>
                                <img src="img/damo.jpg" alt="">
                                <span>大漠瑶</span>
                                <span></span>
                            </li>
                            <li>
                                <img src="img/luguo.jpg" alt="">
                                <span>从你的全世界</span>
                                <span>路过</span>
                            </li>
                        </ul>


                    </ul>
                    <ul class="ul">
                        <a href=""><i style="font-size: 28px;font-weight: bolder" class="fa fa-angle-right"></i> 果麦文化</a>
                        <ul>
                            <li>
                                <img src="img/wangzi.jpg" alt="">
                                <span>小王子</span>
                                <span></span>

                            </li>
                            <li>
                                <img src="img/pi.jpg" alt="">
                                <span>皮囊</span>
                                <span></span>

                            </li>
                            <li>
                                <img src="img/xingge.jpg" alt="">
                                <span>跟乐嘉学性</span>
                                <span>格色彩</span>
                            </li>
                            <li>
                                <img src="img/qiaoan.jpg" alt="">
                                <span>女王乔安</span>
                                <span></span>
                            </li>
                        </ul>


                    </ul>
                    <ul class="ul">
                        <a href=""><i style="font-size: 28px;font-weight: bolder" class="fa fa-angle-right"></i> 理想国</a>
                        <ul>
                            <li>
                                <img src="img/see.jpg" alt="">
                                <span>看见</span>
                                <span></span>

                            </li>
                            <li>
                                <img src="img/wuhe.jpg" alt="">
                                <span>乌合之众：</span>
                                <span>大众心..</span>

                            </li>
                            <li>
                                <img src="img/youya.jpg" alt="">
                                <span>优雅</span>
                                <span></span>
                            </li>
                            <li>
                                <img src="img/shuju.jpg" alt="">
                                <span>大数据</span>
                                <span>尔</span>
                            </li>
                        </ul>


                    </ul>



                </div>

            </div>
        </div>
    </section>
    <!--footer-->

    <footer>
        <ul class="Ffast">
            <li>
                <span class="round">
                    正
                </span>
                <span class="text">正版电子书</span>
            </li>
            <li>
                <span class="round fa fa-desktop"></span>
                <span class="text">多平台畅读</span>
            </li>
            <li>
                <span class="round fa fa-drivers-license (alias)"></span>
                <span class="text">海量图书资源</span>
            </li>
            <li>
                <span class="round fa fa-book"></span>
                <span class="text">优质阅读体验</span>
            </li>
        </ul>
        <hr>
        <ul class="Fsecond">
            <li>
                <h2>帮助</h2>
                <span>如何购买图书</span>
                <span>常见问题</span>
                <span>支付方式</span>
            </li>
            <li>
                <h2>平台入驻</h2>
                <span>机构专区</span>
                <span>个人作者专区</span>

            </li>
            <li>
                <h2>投诉与建议</h2>
                <span>问题反馈</span>

            </li>
            <li>
                <h2>扫描下载客户端</h2>
                <span class="er">
                    <img src="img/er.png" alt="">
                </span>

            </li>
        </ul>
        <p>如有问题欢迎联系<a href="">投诉方案</a></p>
        <ul class="Fthird">
            <li><i>@2017Baidu</i>使用百度前必读</li>
            <li>平台协议</li>
            <li>企业文库</li>
            <li>广告服务</li>
            <li>百度教育商业服务平台</li>
        </ul>
    </footer>



</body>

<script src="js/jquery.js"></script>
<script src="js/YuxiSlider.jQuery.min.js"></script>
<script src="js/odoo.js"></script>
<script src="js/index.js"></script>


</html>